<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/Recalc.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/information.css" />
		<title>消息</title>
	</head>

	<body>
		<div class="web">
			<header>
				<p>消息</p>
			</header>
			<section>
				<div class="line"></div>
				<div class="one">
					<div class="one_info">
						<img src="img/icon15.png" />
						<span>待处理事项</span>
						<span>没有待处理事项</span>
						<a class="fr" href="">></a>
					</div>
				</div>

				<div class="one">
					<div class="one_info">
						<img src="img/icon16.png" />
						<span>聚会小助手</span>
						<a class="fr" href="">></a>
					</div>
				</div>

				<div class="box">
					<div class="box-info">
						<div class="info-left fl">
							<img src="img/box.png" />
						</div>
						<div class="info-right fr">
							<p>
								<span>艺术荟小助手</span>
								<span>V</span>
								<span class="fr">早上08:40</span>
							</p>
							<p>小助手帮你熟悉艺术荟</p>
						</div>
					</div>
				</div>
				<div class="box">
					<div class="box-info">
						<div class="info-left fl">
							<img src="img/box.png" />
						</div>
						<div class="info-right fr">
							<p>
								<span>艺术荟官方团队</span>
								<span>V</span>
								<span class="fr">早上08:40</span>
							</p>
							<p>关注艺术荟官方APP送豪礼</p>
						</div>
					</div>
				</div>
				<div class="list">
					<p>系统消息</p>
				</div>
				<div class="box">
					<div class="box-info">
						<div class="info-left fl">
							<img src="img/box.png" />
						</div>
						<div class="info-right fr">
							<p>
								<span>新通告推荐</span>
								<span id="number">11</span>
								<span class="fr">早上08:40</span>
							</p>
							<p>2.18广州广告拍摄招...</p>
						</div>
					</div>
				</div>
				<div class="box">
					<div class="box-info">
						<div class="info-left fl">
							<img src="img/box.png" />
						</div>
						<div class="info-right fr">
							<p>
								<span>新通告推荐</span>

								<span class="fr">早上08:40</span>
							</p>
							<p>2.18广州广告拍摄招...</p>
						</div>
					</div>
				</div>
				<div class="box">
					<div class="box-info">
						<div class="info-left fl">
							<img src="img/box.png" />
						</div>
						<div class="info-right fr">
							<p>
								<span>新机构/服务推荐推荐</span>

								<span class="fr">早上08:40</span>
							</p>
							<p>2.18广州广告拍摄招...</p>
						</div>
					</div>
				</div>
				<div class="one">
					<div class="one_info">
						<img src="img/icon17.png" />
						<span>评论</span>
						<a class="fr" href="">></a>
					</div>
				</div>
				<div class="one">
					<div class="one_info">
						<img src="img/icon18.png" />
						<span>新fensi</span>
						<a class="fr" href="">></a>
					</div>
				</div>
				<div class="one">
					<div class="one_info">
						<img src="img/icon19.png" />
						<span>赞</span>
						<a class="fr" href="">></a>
					</div>
				</div>
				<div class="one">
					<div class="one_info">
						<img src="img/icon20.png" />
						<span>邀约</span>
						<a class="fr" href="">></a>
					</div>
				</div>

				
				<div class="box1">
					<div class="box-info1  clearfix"> 
						<div class="info-left1 fl">
							<img src="img/icon25.png" />
						</div>
						<div class="info-right1 fl">
							<p>
								<span>Digimusic Fanclub&rarr;電音迷</span>
							</p>
							<p>techno house trance dubstep 工业舞...</p>
						</div>
						
					</div>
					<div class="btn">
							<span>置顶</span>
							<span onclick="window.location.href='theme.html'">关注</span>
					</div>
				</div>
				
				<div class="box1">
					<div class="box-info1  clearfix">
						<div class="info-left1 fl">
							<img src="img/icon25.png" />
						</div>
						<div class="info-right1 fl">
							<p>
								<span>Digimusic Fanclub&rarr;電音迷</span>
							</p>
							<p>techno house trance dubstep 工业舞...</p>
						</div>
						
					</div>
					<div class="btn">
							<span>置顶</span>
							<span>取消关注</span>
					</div>
					
				</div>
				<div class="box1">
					<div class="box-info1  clearfix">
						<div class="info-left1 fl">
							<img src="img/icon25.png" />
						</div>
						<div class="info-right1 fl">
							<p>
								<span>Digimusic Fanclub&rarr;電音迷</span>
							</p>
							<p>techno house trance dubstep 工业舞...</p>
						</div>
						
					</div>
					<div class="btn">
							<span>置顶</span>
							<span>取消关注</span>
					</div>
				</div>
				
			</section>
			<footer>
				<ul>
					<li>
						<a href="">
							<img src="img/icon21.png" />
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/icon22.png" />
						</a>
					</li>
					<li onclick="window.location.href='../indexSM.html'">
						<img src="img/icon3.png" />
					</li>
					<li>
						<a href="">
							<img src="img/icon23.png" /></a>
					</li>
					<li class="fr">
						<a href="">
							<img src="img/icon24.png" /></a>
					</li>
				</ul>
			</footer>
		</div>

		<script type="text/javascript" language="JavaScript">
			document.body.style.height = window.innerHeight + "px";
		</script>
		<script src="../js/getClass.js"></script>
		<script>
			var oSection=document.getElementsByTagName('section')[0];
			var oBox=getClass(oSection,'box1');
			
			for(var i=0;i<oBox.length;i++){
				var firstX=null;
				oBox[i].addEventListener("touchstart",function(ev){
						firstX=ev.targetTouches[0].clientX;
						//alert(firstX);
				})
				oBox[i].addEventListener("touchmove",function(ev){
					var oBtn=getClass(this,'btn')[0];
					var lastX=ev.targetTouches[0].clientX;
					console.log(ev.targetTouches[0].clientX);
					if(firstX - lastX >0){
						this.id='active';
					}else{
						this.id='';
					}
			})


			}
		</script>
	</body>

</html>